<html xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html" locale="#{locales.currentLocale}" />

<h:head>
	<title>#{messages['main.app.title']}</title>
	<link type="text/css" rel="stylesheet" href="css/styles.css" />
</h:head>

<h:body style="background-color:#f1f1f1">
	<table style="width: 100%">
		<tr>
			<td height="70" align="left">
				<a href="index.jsf"><img src="images/logo.png" border="0" /></a>
			</td>
		</tr>
		<tr valign="top" >
			<td align="center">
				<table >
				<h:form prependId="false">
					<tr valign="top" >
						<td align="center">
							<p:fieldset toggleable="true" toggleSpeed="500">
								<h:panelGrid id="logar" columns="3">
									<h:outputLabel value="#{messages['usuario.label.login']}: " for="login" styleClass="text-input" />
									<h:inputText id="login" value="#{loginMB.login}" maxlength="20" size="20" required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}" 
										title="#{messages['usuario.alt.login']}" />
									<p:message for="login" />
									
									<h:outputLabel value="#{messages['usuario.label.senha']}: " for="senha" styleClass="text-input" />
									<h:inputSecret id="senha" value="#{loginMB.senha}" maxlength="20" size="20" required="true" requiredMessage="#{messages['mensagem_geral.campoObrigatorio']}" 
										title="#{messages['usuario.alt.senha']}" />
									<p:message for="senha" />

								</h:panelGrid>
								<p:message for="logar" />
							</p:fieldset>
						</td>
					</tr>
					<tr valign="top" >
						<td align="center">
							<h:panelGrid id="fields3" columns="3">
	
								<h:commandButton value="Login" action="#{loginMB.logar()}" />
								<p:spacer></p:spacer>
								<h:commandButton value="Esqueci Senha" action="/relatorio/diario.xlsx" immediate="true"/>
							</h:panelGrid>
						</td>
					</tr>
				</h:form>
				</table>
			</td>
		</tr>
	</table>

	<p:growl id="messages" globalOnly="true" />

	<p:ajaxStatus style="width:16px;height:16px;">
		<f:facet name="start">
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<link type="text/css" rel="stylesheet" href="css/aristo/skin.css" />
</h:body>
</html>